<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="/lib/html5.js"></script>
<script type="text/javascript" src="/lib/respond.min.js"></script>
<script type="text/javascript" src="/lib/PIE_IE678.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="/lib/Hui-iconfont/1.0.7/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/lib/icheck/icheck.css" />
<link rel="stylesheet" type="text/css" href="/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>演示</title>

<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="/lib/layer/layer.js"></script> 
<script type="text/javascript" src="/lib/My97DatePicker/WdatePicker.js"></script> 
<script type="text/javascript" src="/h-ui/js/H-ui.js"></script> 
<script type="text/javascript" src="/h-ui.admin/js/H-ui.admin.js"></script> 

</head>
<body>
<div class="container">
  <div class="row cl">
    <div class="col-sm-3" style="background-color: red;">aaa</div>
    <div class="col-sm-3" style="background-color: blue;">bbb</div>
    <div class="col-sm-6" style="background-color: gray;">
      <div class="row cl">
        <div class="col-sm-3" style="background-color: red;">aaa</div>
        <div class="col-sm-9" style="background-color: red;">aaa</div>
      </div>
    </div>
  </div>
  <h2>列表</h2>
  <hr>
  <div class="row cl">
    <div class="col-sm-10">&nbsp;</div>
    <div class="col-sm-2"><a href="/hello/add" class="btn btn-primary radius"><i class="Hui-iconfont Hui-iconfont-add"></i> 新增</a> </div>
  </div>
  <hr>
  <table class="table table-border table-bordered table-bg th table-striped table-hover">
    <thead>
      <tr class="text-c">
        <th>id</th>
        <th>名称</th>
        <th>年龄</th>
        <th width="180px">操作</th>
      </tr>
    </thead>
    <tbody>
      <% for(obj in list){ %>
      <tr>
        <td>${obj.id}</td>
        <td>${obj.name}</td>
        <td>${obj.age}</td>
        <td class="text-c">
          <a href="/?id=${obj.id}" class="btn btn-secondary radius">修改</a>
          <a href="?id=${obj.id}" class="btn btn-danger radius">删除</a>
        </td>
      </tr>
      <% } %>
    </tbody>
  </table>
  
</div>
</body>
</html>